<template>
	<uni-popup ref="popup" class="navBarPup" @change="pupChange" type="bottom" style=" z-index: 9999!important;">

		<view class="pageBox">
			<view class="item" @click="navShow(2)">复制标准条</view>
			<view class="item" @click="navShow(1)">添加书签</view>
			<view class="item" @click="navClose">取消</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		name: "loginPup",
		props: ['pageData'],
		data() {
			return {

			};
		},
		mounted() {

		},
		watch: {
			
		},
		methods: {
			navClose() {
				this.$refs.popup.close()
				
			},
			
			pupChange(val) {
				console.log(val, 111)
				if (!val.show) {
					this.$emit('cancel')
				}
			},

			init() {
				this.$refs.popup.open('center')
			},

			navShow(type) {
				this.$emit('success', type)
				this.$refs.popup.close()
			}


		}
	}
</script>



<style scoped lang="less">
	.pageBox {
        width: 100%;
		background-color: #fff;
		padding: 5px 15px; z-index: 9999; width: 400upx;


		.item {
			font-size: 14px;
			line-height: 40px;
			padding: 0 10px;
			color: #666;
			text-align: center;
			border-bottom: 1px solid #f5f5f5;
			&:last-child{
				border: 0;
			}

			&:active {
				color: rgb(18, 150, 219);
				background-color: #f5f5f5;
			}
			&.btn{
				background-color: #39A6FF; color: #fff; border-radius: 10px; margin-top: 10px;
			}
		}

	}


	.lineBreak {
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>